
#shadowing
{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index:10;
    opacity:0.8;
    filter: alpha(opacity=50);
}

#box 
{
    display: none;
    position: fixed;
    top: 16%;
    width: 600px;
    height: 500px;
    padding: 48px;
    margin:auto 0;
    margin-left: 200px ;  
    border: 0;
    background: url(../images/box-connect.png) no-repeat; 
    z-index:101;
    overflow: auto;
    color: #3e3e40 ;
}

#boxtitle
{
    display: none ; 
}

.img-lightbox{
    margin-left: 430px; 
    margin-top: -40px; 
    border: none ; 
    cursor: pointer; 
    position: absolute ; 
    z-index: 110 ; 
    
}

/******** INPUT *********/

.input-connect{
    border : none ; 
    padding: 5px 10px 0 35px; 
    background: url(../images/input-connect.png) no-repeat ; 
    width: 291px ; 
    height: 45px  ; 
    background-position: bottom ; 
    outline: none ; 
    margin-left: 120px ; 
}

.input-connect:focus{
    background-position: top ; 
}
/******** BOUTONS *********/

#connecter2{
	height : 29.3px ; 
	width : 159px ;
	background : url(../images/bouton.png) ;
	background-position : top ;
	display  : block ; 
	cursor : pointer ; 
	border : none ; 
	position : absolute ; 
	margin-top : 20px;         
	margin-left : 130px ;
}

#connecter2:hover{
	background-position : center ; 
}

#connecter2:active{
	background-position : bottom; 
}

#inscrire{
	height : 29.3px ; 
	width : 159px ;
	background : url(../images/bouton.png) ;
	background-position : top ;
	display  : block ; 
	cursor : pointer ; 
	border : none ; 
	position : absolute ; 
	margin-top : 125px;
	margin-left : 130px ;	
}

#inscrire:hover{
	background-position : center ; 
}

#inscrire:active{
	background-position : bottom; 
}
